@red:#c01e2f;
@gray:#f6f5f4;
@gray-66:#666;
@gray-99:#999;
@gray-cc:#ccc;
@gray-c3:#c3c3c3;
@write:#fff;
@pick:#f51e4e;
@black:#000;
@yellow:#fdbd10;

@fz16:16px;
@fz14:14px;
@fz12:12px;
@fz10:10px;

//宽高
.wh(@w,@h) {
  width: @w;
  height: @h;
}

//背景图片地址大小
.bis(@url) {
  background-image: url(@url);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

//背景居中显示
.bg-c() {
  background: center center no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}

//定位全屏
.fullcover {
  position: absolute;
  top: 0;
  left: 0;
}
.scroll(){
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

//定位上下左右居中
.center() {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

//定位上下居中
.ct {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

//定位左右居中

.cl {
  position: absolute;
  left: 50%;
  tranform: translateX(-50%);
}

//定义宽高
.wh(@width,@height) {
  width: @width;
  height: @height;
}

//字体大小和颜色
.sc(@size,@color) {
  font-size: @size;
  color: @color;
}

//弹性盒布局
.box() {
  display: -webkit-box;
  display: box;
}

//垂直排列
.box-ver() {
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

//垂直水平居中排列
.box-c() {
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: center;
  box-pack: center;
}

//垂直居中
.box-align-c() {
  display: -webkit-box;
  display: box;
  -webkit-box-align: center;
  box-align: center;
}

//水平居中排列
.box-pack-c() {
  display: -webkit-box;
  display: box;
  -webkit-box-pack: center;
  box-pack: center;
}
//水平居中和垂直居中

.box-h-c() {
  display: -webkit-box;
  display: box;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-box-align: center;
  box-align: center;
}

//居两端垂直对齐
.box-justify() {
  display: -webkit-box;
  display: box;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-box-align: center;
  box-align: center;
}

.scroll-auto(){
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.fz(@size){
  font-size:@size;
}
.flex(){
  -webkit-box-flex:1;
  box-flex:1;
}
.ellipsis(){
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis2(){
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  display: box;
  -webkit-box-orient:vertical;
  box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
}
.a(){
  position: absolute;
  top:0;
  left:0;
}
.r{
  position: relative;
}
.fl(){
  float:left;
}
.fr(){
  float:right;
}
